<template>
  <!-- <div>   <navigator url="../show/main">{{item.post_title}}- ({{item.create_time}})</navigator>   </div> -->
  <!-- <div>   {{item.post_title}}- ({{item.create_time}})   </div> -->
  <!-- <div>   {{item.post_title}}- ({{item.create_time}})   </div> -->

  <div class="list_container" @click="openArticle">
    <!-- <a href="/pages/article/main?aid=" class="navlink">{{item.post_title}}- ({{item.create_time}})</a> -->
    <div>
      <img :src="item.thumbnail" class="list_img" />
    </div>

    <!-- <div class="navlink" @click="openArticle">{{item.post_title}}- </div> -->
    <div class="rigth_con" >
      <h3  class="title_order1">{{item.post_title}}</h3>
      <div class="litte_font title_order2 litte_color">{{item.published_time}}  阅 {{item.post_hits}} </div>     
    </div>
  </div>
</template>


<script>
export default {
  props: ["item"],

  methods: {
    openArticle() {
      var url = "/pages/article/main?aid=" + this.item.id;
      console.log("url:" + "/pages/article/main?aid=" + this.item.id);
      wx.navigateTo({ url });
    }
  }
};
</script>



<style>
.list_container,
.click-counter {
  display: flex;
  
  justify-content: flex-start;
  border-top: 1px solid #f5f5f5;
  background-color: #ffffff;
  padding: 10px;
}

.list_img {
  width: 200rpx;
  height: 139rpx;
  margin-right: 10rpx;
}


.title_order1{
 height: 95rpx;
}
.title_order2{
  margin-top: 10rpx;
}
.down_font {
  flex: 2;
}
.counter-num,
.counter-btn,
.counter-reset-btn {
  flex: 1;
  margin: 3px;
}
</style>